<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">意见反馈</div>
    </v-ons-toolbar>
    <div class="container">

      <div class='advise-module'>
        <div class='user-advise'>
          <textarea maxlength="200" @input="userInput" placeholder='请输入您的意见建议......' v-model="userAdvise.value"></textarea>
          <div class='user-tip'>{{userAdvise.cursor}}/200</div>
        </div>
        <button>提交</button>
      </div>

    </div>

  </v-ons-page>
</template>

<script>
    export default {
      data() {
        return {
          userAdvise:{
            value: "",
            cursor: 0
          },
        }
      },
      methods: {
        enterPage({path:path,actionSheet:actionSheet}){
          if(actionSheet){
            this.actionSheetVisible = false
          }
          this.$router.push({
            path:path
          });
        },
        userInput(){
          this.userAdvise.cursor = this.userAdvise.value.length;
        }
      }
    }
</script>

<style scoped lang="less">
  @import "../../assets/less/consumer/advise.less";
</style>
